.content {
    display: flex;
    justify-content: space-between;
    height: calc(100vh - 100px);

    .box_line {
        width: 100%;
        height: 50px;
        border-left: #00FFA3 solid 5px;
        border-right: #00FFA3 solid 5px;
    }

    .content_left {
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;


        .leftOne {
            height: 33%;
        }

        .leftTwo {
            height: 33%;
        }

        .leftThree {
            height: 33%;
        }
    }

    .content_center {
        width: 65%;
        flex: 1;
        // background: url('./../../assets/images/bigData/map.png') 43% 20% no-repeat;

        .center_top {
            display: flex;
            justify-content: space-around;
            align-items: center;

            .center_wrap {
                width: 140px;
                height: 61.63px;
                background: url('../../assets/images/bigData/textbg.png') 26% 100% no-repeat;
                background-size: contain;
                cursor: pointer;

                .center_title {
                    font-family: 思源黑体;
                    font-size: 14px;
                    font-weight: 500;
                    line-height: 20px;
                    text-align: center;
                    letter-spacing: 0px;

                    color: #FFFFFF;

                    text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.6);
                }
            }
        }

        .totalImg {
            width: 109px;
            height: 104px;
        }

        .bottomLists {
            display: flex;
            justify-content: space-between;
            align-items: center;

            .warning_ {
                background: url('../../assets/images/bigData/warning1.png') 100% 100% no-repeat;
            }

            .noWarning {
                cursor: pointer;
            }

            .error_ {

                background: url('../../assets/images/bigData/warning.png') 100% 100% no-repeat;

            }

            .bottom_list {
                width: 253px;
                height: 49px;

                .bottom_name {
                    font-family: 思源黑体;
                    font-size: 12px;
                    font-weight: 500;
                    line-height: 20px;
                    text-align: center;
                    display: flex;
                    align-items: center;
                    letter-spacing: 0px;
                    margin-left: 70px;
                    color: #FFFFFF;
                }

                .bottom_num {
                    font-family: D-DIN;
                    font-size: 20px;
                    font-weight: bold;
                    line-height: 20px;
                    letter-spacing: 0px;

                    color: rgba(255, 255, 255, 0.87);

                    text-shadow: 0px 1px 11px #73B7FF;
                }
            }
        }

        .center_hu {

            width: 90px;
            height: 90px;
            position: absolute;
            background-image: url('../../assets/images/bigData/duobian.png');
            background-repeat: no-repeat;
            background-size: 90%;
            background-position-x: center;
            display: flex;
            justify-content: center;
            align-items: center;
            left: 64%;
            top: 20%;
            color: white;
            font-size: 17px;
            font-weight: bold;

        }

        .total {
            height: 100px;
            position: absolute;
            bottom: 13%;
            left: 29%;
        }
    }

    .content_right {
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .rightOne {
            height: 59%;

            .right_box {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: repeat(2, 1fr);
                row-gap: 20px;
                column-gap: 20px;
                padding: 15px;

                .right_wrap {
                    width: 244.19px;
                    height: 190.89px;

                    .show {
                        cursor: pointer;
                    }

                    .warp_one {
                        width: 244.19px;
                        height: 170.89px;
                        opacity: 1;

                        background: rgba(32, 53, 94, 0.87);

                        box-sizing: border-box;
                        border: 0.97px solid #335492;
                        display: flex;
                        align-items: center;
                        background-image: url('../../assets/images/bigData/5.png');
                    }

                    .warp_oneTitle {
                        font-family: 思源黑体;
                        font-size: 13.57px;
                        font-weight: 500;
                        line-height: 19.38px;
                        text-align: center;
                        letter-spacing: 0px;

                        color: #FFFFFF;
                    }
                }
            }
        }

        .rightTwo {
            height: 40%;
        }
    }

    .bg {
        width: 100%;
        height: 42px;
        background: linear-gradient(270deg, rgba(10, 21, 42, 0.12) 0%, #193A7A 100%);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .font {
        width: 30%;
        height: 20px;
        opacity: 1;

        font-family: 思源黑体;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        text-align: left;
        letter-spacing: 0px;

        color: #FFFFFF;

        text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.6);
        padding-left: 10px;
    }

    .e_font {
        width: 38.96%;
        height: 20px;
        opacity: 1;

        font-family: 思源黑体;
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0px;

        color: #33466D;
    }

    .warp {
        height: calc(100% - 42px);
        opacity: 1;


        box-sizing: border-box;
        padding: 13px 17px 15px 9px;
        background: linear-gradient(180deg, rgba(4, 8, 27, 0.16) 0%, #06183A 31%);
    }

    .warp_one {
        height: 200px;
        opacity: 1;

        background: rgba(32, 53, 94, 0.87);

        box-sizing: border-box;
        border: 1px solid #335492;
        display: flex;
        align-items: center;
        background-image: url('../../assets/images/bigData/5.png');
        background-repeat: no-repeat;
        background-size: cover;

    }

    // 农药类型列表
    .goodList {
        height: 38px;
        width: 600px;
        border-radius: 2px;
        opacity: 1;
        background: linear-gradient(270deg, #0C1E42 0%, #153269 100%);
        // box-sizing: border-box;
        border: 1px solid;
        border-image: linear-gradient(270deg, #102246 0%, #264889 100%) 1;
        margin-top: 2px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 10px;
        overflow: hidden;
        overflow-x: auto;

        .good {
            width: 80px;
            height: 26px;
            opacity: 1;
            background: rgba(0, 255, 226, 0.3569);
            flex-shrink: 0;
            line-height: 26px;
            text-align: center;
            color: #FFFFFF;
            border-radius: 5px;
            margin-right: 10px;
            cursor: pointer;
        }
    }

    .bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 10px;

        .bottom_left {
            flex: 1;
            height: 174px;
            opacity: 1;

            background: rgba(32, 53, 94, 0.87);

            box-sizing: border-box;
            border: 1px solid #335492;
            margin-right: 30px;
            display: flex;
            align-items: center;
            background-image: url('../../assets/images/bigData/yao.png');
            background-repeat: no-repeat;
            background-size: cover;
        }

        .bottom_right {
            .bottom_box {
                width: 180px;
                height: 75.38px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                color: #FFFFFF;

                .bottom_img {
                    width: 50.11px;
                    height: 53.08px;
                    opacity: 1;
                }

                .bottom_num {
                    p {
                        text-align: left;

                        .title {
                            width: 56px;
                            height: 24px;
                            opacity: 1;

                            font-family: 思源黑体;
                            font-size: 14px;
                            font-weight: 500;
                            line-height: 23.85px;
                            letter-spacing: 0px;

                            color: #FFFFFF;
                        }

                        .yuan {
                            width: 78px;
                            height: 30px;
                            opacity: 1;

                            font-family: D-DIN;
                            font-size: 24px;
                            font-weight: bold;
                            line-height: 30px;
                            letter-spacing: 0px;

                            color: #00BBFF;
                        }
                    }
                }
            }
        }
    }
}